<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello Vue!</title>
</head>
<body>
<div>
    {{info}}
    <br>
    {{sex}}
</div>
<!--引入CDN服务器Vue框架文件-->
<!--<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>-->
<!--从本地引入-->
<script src="../../js/vue.min.js"></script>
<script>
    let v = new Vue({
        el:"body>div",  //element元素，值是选择器，用来设置Vue框架的管理范围
        data:{          //在date中定义和页面绑定的变量，当变量的值发生改变，页面的值就会一起发生改变
            info:"Hello Vue!",
            sex:"男"
        }
    })
    setTimeout(function (){
        v.info = "值改变了";
    },3000)
</script>
</body>
</html>